body {
  color: #333;
  background-color: #ffffff;
}

p,
h3 {
  margin: 0;
}

.home {
  padding-bottom: 50px;
}

.home-swipe img {
  width: 100%;
  display: block;
}

.head {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: linear-gradient(to bottom right, #fdae02, #eb5e2f);
}

.aboutBox {
  background-color: #ffffff;
  padding: 1rem 0;
  border-radius: 10px;
  margin: 0 20px;
  margin-top: -2rem;
  -moz-box-shadow: 0px 2px 4px #eb5e2f;
  -webkit-box-shadow: 0px 2px 4px #eb5e2f;
  box-shadow: 0px 2px 4px #eb5e2f;
}

.allMessage {
  text-align: center;
}

.allMessage h3 {
  margin: 0;
}

.allMessage h3 span {
  color: #fdae02;
}

.listBox {
  text-align: center;
  font-size: 1rem;
}

.listBox ul {
  height: 110px;
  overflow: hidden;
  overflow-y: scroll;
}

.listBox ul li {
  line-height: 1rem;
  color: #999999;
  margin-bottom: 0.5rem;
}
.listBox ul li span {
  color: #fdae02;
}

.listBox2 ul li {
  color: rgb(76, 148, 230);
}

.btnBg {
  color: #ffffff;
  background-image: linear-gradient(to right, #fdae02, #eb5e2f);
  padding: 0 10px;
  letter-spacing: 10px;
  text-indent: 10px;
}

.popupBox {
  padding: 10px;
  width: 70%;
  border-radius: 10px;
}

.popupTitle {
  text-align: center;
}

.orderNum {
  text-align: center;
  padding: 0 0 20px 0;
}

.orderNum .numder {
  color: rgb(76, 148, 230);
  margin-right: 10px;
}
.custom-image .van-empty__image {
  width: 90px;
  height: 90px;
}

.wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.van-overlay {
  z-index: 100;
}

.red {
  color: red;
}
.blue {
  color: blue;
}
.blue {
  color: green;
}
